<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>SearchSider</title>
        <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
        <link rel="stylesheet" type="text/css" href="search.css"/>
		<script type="text/javascript" src="mootools.v1.11.js"></script>
		<script type="text/javascript">
		//<![CDATA[
			function toggleDetail() {
				$$('div.sml').each(function(element) {
					if ($('toggleCheck').checked) {
						element.style.display = "block";
					} else {
						element.style.display = "none";
					}
				});
			}
			function injectEvent() {
				$$('div.g').each(function(element){
					element.onclick = function(event) {
						event = new Event(event);
						if (!event.target.href) {
							ele = $E("div.sml",element);
							if (ele.style.display == "none") {
								ele.style.display = "block";
							} else {
								ele.style.display = "none";
							}
						}
					}
				});
			}
		//]]>
		</script>
    </head>
    <body width="100%">
	<a name="__top" id="__top"></a>
	<div id="progress" style="height: 20px; display: none;">Loading</div>
	<input id="injectEvent" type="checkbox" onclick="injectEvent()" style="position: fixed; left:0px; top:0px; display:none;" />
	<input id="toggleCheck" type="checkbox" onclick="toggleDetail();" style="position: fixed; right:0px; top:0px;" />
   <div id="content" width="100%">
		
   </div>
    </body>
</html>

